*{
        margin: 0;
        padding: 0;
      }
      a{
        text-decoration: none;
        font-family: "微软雅黑";
      }
      div{
        font-family: "微软雅黑";
      }
      p,span{
        font-family: "微软雅黑";
      }
      img{
        border: 0;
        display: block;
      }
      .offcn_live_flex {
          display: flex;
          display: -ms-flexbox;
          display: -webkit-flex;
          align-items: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-flex-align: center;
      }
      
      
      .offcn_live_flex_col {
          display: flex;
          display: -ms-flexbox;
          display: -webkit-flex;
          flex-direction: column;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          justify-content: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-flex-pack: center;
      }
      
      .offcn_live_flex_just {
          display: flex;
          display: -ms-flexbox;
          display: -webkit-flex;
          justify-content: space-between;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          -ms-flex-pack: justify;
      }
      
      .offcn_live_flex_center {
          display: flex;
          display: -ms-flexbox;
          display: -webkit-flex;
          justify-content: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-flex-pack: center;
      }
      
      .offcn_live_flex_start {
          display: flex;
          display: -ms-flexbox;
          display: -webkit-flex;
          justify-content: flex-start;
          -webkit-justify-content: flex-start;
          -moz-justify-content: flex-start;
          -ms-justify-content: flex-start;
          -ms-flex-pack: start;
      }
      .offcn_live_flex_alignstart {
          display: flex;
          display: -ms-flexbox;
          display: -webkit-flex;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
      }
      .offcn_live_flex_wrap {
          display: flex;
          display: -ms-flexbox;
          display: -webkit-flex;
          flex-wrap: wrap;
          -ms-flex-wrap: wrap;    
          -webkit-flex-wrap: wrap;
      }
      .fullpage{
        
      }
      .head{
        max-width: 1920px;
        min-width: 1200px;
        width: 100%;
        margin: 0 auto;
        height: 683px;
        background: url(/web/dist/images/pc_download/banner_bg2.png);
        background-position: center;
      }
      .pagecenter{
        width: 1100px;
        padding: 0 50px;
        margin: 0 auto;
        box-sizing: border-box;
      }
      .headcenter{
        margin: 0 auto;
        width: 1100px;
        padding: 0 50px;
        box-sizing: border-box;
        padding-top: 134px;
      }
      .head_title{
        width: 416px;
      }
      .linkbox{
        margin-top: 40px;
      }
      .link{
        float: left;
        width: 185px;
        height: 56px;
        border: 1px solid #ffffff;
        border-radius: 28px;
        margin-right: 19px;
        transition: all 0.5s;
      }
      .link span{
        color: #FFFFFF;
        font-size: 23px;
        margin-left: 11px;
        transition: all 0.5s;
      }
      .iphone_link .link_icon{
        width: 26px;
        height: 30px;
        background: url(/web/dist/images/pc_download/head_ios_2.png);
        transition: all 0.5s;
      }
      .android_link .link_icon{
        width: 26px;
        height: 30px;
        background: url(/web/dist/images/pc_download/head_android_2.png);
        transition: all 0.5s;
      }
      .iphone_link:hover{
        background: #FFFFFF;
        color: #659cff;
      }
      .iphone_link:hover span{
        color: #659cff;
      }
      .iphone_link:hover .link_icon{
        background: url(/web/dist/images/pc_download/head_ios_1.png);
      }
      .android_link:hover{
        background: #FFFFFF;
        color: #659cff;
      }
      .android_link:hover span{
        color: #659cff;
      }
      .android_link:hover .link_icon{
        background: url(/web/dist/images/pc_download/head_android_1.png);
      }
      .link_qrcode_icon{
        width: 40px;
        height: 40px;
        background: url(/web/dist/images/pc_download/head_code_icon.png);
        float: left;
        margin-top: 10px;
        margin-left: 30px;
        position: relative;
      }
      .link_qrcode{
        position: absolute;
        top: -10px;
        left: -3px;
        width: 180px;
        height: 180px;
        transform: scale(0);
        transition: all 0.1s;
      }
      .link_qrcode_icon:hover .link_qrcode{
        transform: scale(1);
      }
      .head_text{
        margin-top: 40px;
      }
      .head_text p{
        color: #FFFFFF;
        font-size: 22px;
        line-height: 40px;
        font-weight: 100;
        letter-spacing: 1px;
      }
      .head_phone_icon{
        position: absolute;
        top: 57px;
        right: 96px;
      }
      .part_title{
        margin: 0 auto;
      }
      .part_one_title{
        margin-top: 120px;
      }
      .part_one_item{
        margin-top: 50px;
        padding-bottom: 210px;
        position: relative;
      }
      .part_intro{
        padding-top: 199px;
        z-index: 10;
    		position: relative;
      }
      .part_intro1{
        color: #242424;
        font-size: 30px;
        margin-bottom: 26px;
      }
      .part_intro2{
        color: #2a2e3d;
        font-size: 65px;
        margin-bottom: 30px;
      }
      .part_intro3{
        width: 103px;
        border-bottom: 1px dashed #6393fe;
        margin-bottom: 30px;
      }
      .part_intro4{
        font-size: 24px;
        color: #7d829a;
      }
      .part_one_img{
        position: absolute;
        right: 0;
        top: 0;
      }
      .part_one_imgbg{
        left: -256px;
        top: 80px;
        position: relative;
      }
      .part_one_imgphone{
        position: absolute;
        top: -60px;
        left: -180px;
      }
      .part_two{
        width: 1100px;
        padding: 0 50px;
        left: -50px;
        position: relative;
        box-sizing: border-box;
        margin-top: 60px;
        padding-bottom: 130px;
        overflow: hidden;
      }
      .part_two_item{
        width: 184px;
        height: 210px;
        background-color: #ffffff;
				box-shadow: 2px 7px 17px 3px rgba(230, 230, 230, 0.75);
				border-radius: 10px;
        padding-top: 42px;
        box-sizing: border-box;
      }
      .step_icon{
        margin: 0 auto;
        height: 54px;
      }
      .step_title{
        font-size: 18px;
        color: #242424;
        text-align: center;
        margin-top: 30px;
      }
      .step_subtitle{
        font-size: 16px;
        color: #7d829a;
        text-align: center;
        margin-top: 7px;
      }
      .footer_bg{
        width: 100%;
      }
      .part_1_active{
        position: absolute;
        z-index: 2;
        top: 390px;
        right: -28px;
      }
      .part_2_active_1{
        position: absolute;
        z-index: 2;
        top: 358px;
        left: -115px;
      }
      .part_2_active_2{
        position: absolute;
        z-index: 2;
        top: 525px;
        left: 40px;
      }
      .part_3_active{
        position: absolute;
        z-index: 2;
        top: 240px;
        right: -28px;
      }
      .part_4_active_1{
      	position: absolute;
        z-index: 2;
        top: 66px;
        left: -115px;
      }
      .part_4_active_2{
        position: absolute;
        z-index: 2;
        top: 255px;
        left: -146px;
      }
      .part_4_active_3{
        position: absolute;
        z-index: 2;
        top: 515px;
        left: -47px;
      }
      .downbox{
        position: relative;
        max-width: 1920px;
        height: 725px;
        margin: 0 auto;
        background: url(/web/dist/images/pc_download/footer_bg_03.png);
        background-size: cover;
      }
      .app_icon{
        position: absolute;
        width: 250px;        
        top: 175px;
        left: 50%;
        margin-left: -125px;
      }
      .downbox_btn{
        width: 350px;
        height: 98px;
        line-height: 98px;
        color: #FFFFFF;
        text-align: center;
        position: absolute;
        top: 475px;
        left: 50%;
        margin-left: -175px;
        background: #6393fe;
        border-radius: 49px;
        font-size: 42px;
        cursor: pointer;
        transition: all 0.7s;
      }
      .downbox_btn:hover{
        color: #6393fe;
        background: #FFFFFF;
      }
      @media screen and (max-width: 1920px) {
        .downbox{
            height: 725px;
        }
        .app_icon{
          width: 250px;        
          top: 175px;
          margin-left: -125px;
        }
        .downbox_btn{
          width: 350px;
          height: 98px;
          line-height: 98px;
          top: 475px;
          margin-left: -175px;
          border-radius: 49px;
          font-size: 42px;
        }
      }
      @media screen and (max-width: 1400px) {
        .downbox{
            height: 525px;
        }
        .app_icon{
          width: 180px;        
          top: 110px;
          left: 50%;
          margin-left: -90px;
        }
        .downbox_btn{
          width: 260px;
          height: 70px;
          line-height: 70px;
          top: 355px;
          margin-left: -130px;
          border-radius: 38px;
          font-size: 30px;
        }
      }
      
      .footer{
        height: 226px;
        
      }
      .tiku_txt{
        width: 147px;
        height: 56px;
        line-height: 56px;
        border-radius: 10px;
        border: solid 1px #649bf6;
        text-align: center;
        color: #649bf6;
        font-size: 30px;
        margin-left: 40px;
      }
      .weibo_img{
        margin-left: 58px;
        margin-right: 26px;
        width: 115px;
        height: 116px;
      }
      .weibo_box_txt1{
        font-size: 22px;
        color: #242424;
        margin-left: 10px;
      }
      .weibo_box_txt2{
        margin: 13px 0;
        font-size: 18px;
        color: #242424;
      }
      .weibo_box_txt3{
        font-size: 18px;
        color: #242424;
      }
      .downloadpage{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        display: none;
      }
      .downloadbox{
        width: 384px;
        height: 376px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -192px;
        margin-top: -188px;
        z-index: 2;
      }
      .downloadbox img{
        width: 100%;
        height: 100%;
      }
      .downloadbox_close{
        background: url(/web/dist/images/pc_download/close.svg);
        transition: all 0.5s;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 16px;
        height: 16px;
        cursor: pointer;
      }
      .downloadbox_close:hover{
        background: url(/web/dist/images/pc_download/close-active.svg);
      }
      .navbar{
        padding: 11px 0;
      }
      .logo_tiku{
        float: left;
      }
      .navlist{
        height: 38px;
        float: right;
        padding-right: 20px;
      }
      .navitem{
        height: 38px;
        line-height: 38px;
        color: #333333;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        transition: all 0.3s;
      }
      .navitem:hover{
        color: #ef533d;
      }
      .navitem_hover{
        position: absolute;
        top: 35px;
        left: 50%;
        margin-left: -53px;
        z-index: 3;
        display: none;
      }
      .navitem:hover .navitem_hover{
        display: block;
      }
      /* 运营统计 */
      #cnzz_stat_icon_1266238820{
        display: none;
        position: fixed;
        right: 0;
        bottom: 0;
      }
      .navlink{
      	color: #000000;
      	transition: all 0.3s;
      }
      .navitem:hover .navlink{
        color: #ef533d;
      }
      .borderbox{
      	width: 1px;
      	height: 20px;
      	background: #4a4a4a;
      	margin: 0 31px;
      }
      .courselink{
      	display: block;
      	width: 200px;
				height: 60px;
				line-height: 60px;
				background-color: #6494fe;
				border-radius: 30px;
				text-align: center;
				color: #FFFFFF;
				font-size: 24px;
				margin-top: 40px;
				cursor: pointer;
      }